<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/site-footer.css">
    <link rel="stylesheet" href="css/site-footer.css">
    <link rel="stylesheet" href="css/enroll-toparea.css">
</head>

<body>

    <!-- 注册页面 -->
    <div class="enrool">
        <!-- 头部导航 -->
        <div class="head-nav">
            <img class="img-head_nav" src="imgs/logo_files/logo.png" alt="">
            <p class="text-head">欢迎注册</p>
            <p class="text_headright">
                已有帐号？<a href="#" class="link_headright">请登录</a>
            </p>

        </div>
        <!-- 注册页面 -->
        <div class="enroolPage">
            <!-- 流程图 -->
            <div class="reg_step ">
                <!-- (宽度w设置为950) -->
                <!-- 注册第一步 -->
                <div class="reg_verify step">
                    <span class="numb_1">1</span>
                    <span class="reg_verify-desc">验证手机号</span>
                </div>
                <!-- 横线 -->
                <div class="step_line"></div>
                <!-- 注册第二步，填写 -->
                <div class="reg_write step">
                    <span class="numb_1">2</span>
                    <span class="reg_verify-desc">填写账号信息</span>
                </div>
                <!-- 横线 -->
                <div class="step_line line_2"></div>
                <!-- 注册第三步完成 -->
                <div class="reg_finish step">
                    <span class="numb_1">3</span>
                    <span class="reg_verify-desc">注册成功</span>
                </div>
            </div>



            <!-- 中间部分注册 -->
            <div class="reg_loginContainer">
                <!-- 第一行 -->
                <div class="login_inputBox">
                    <select class="attribution" name="" id="">
                        <option class="option" value="">中国 +86</option>
                        <option class="option" value="">中国 +86</option>
                        <option class="option" value="">中国 +86</option>
                    </select>
                    <input type="text" placeholder="建议使用常用手机号">
                </div>
                <!-- 第二行 -->
                <div class="login_validate">
                    <button class="validate">点击按钮进行验证</button>
                </div>
                <!-- 第三行 -->
                <div class="login_sub-bton">
                    <input type="submit" value="下一步">
                </div>

                <!-- 第四行 -->
                <div class="login_type">
                    <a href="#" class="operation">企业用户注册</a>
                    <a href="#" class="overseas">海外用户注册</a>
                </div>
            </div>

        </div>

        <!-- 网站底部 -->
        <div class="site-footer">

            <div class="footer-c">
                <!-- 左侧logo -->
                <div class="sitelogo">
                    <img class="img-logo" src="imgs/logo_files/logo.png" alt="">
                </div>
                <!-- 网站底部中间区域 -->
                <div class="footer-info">
                    <ul class="top-info">
                        <li class="info-iteam"> <a href="" class="link_iteam">
                                门店资讯
                            </a> </li>
                        <li class="splineLine">|</li>
                        <li class="info-iteam"> <a href="" class="link_iteam">
                                网络购物
                            </a> FAQ </li>
                        <li class="splineLine">|</li>
                        <li class="info-iteam"> <a href="" class="link_iteam">
                                关于BALA
                            </a> NCE </li>
                        <li class="splineLine">|</li>
                        <li class="info-iteam"> <a href="" class="link_iteam">
                                电子报订阅
                            </a> </li>
                        <li class="splineLine">|</li>
                        <li class="info-iteam"> <a href="" class="link_iteam">
                                买卖定型化契约宣传
                            </a> </li>
                        <li class="splineLine">|</li>
                        <li class="info-iteam"> <a href="" class="link_iteam">
                                政府政令
                            </a> </li>

                    </ul>
                    <p class="under-info">Copyright © BALANCE Ltd. All rights reserved</p>
                </div>
                <!-- 网站右侧二维码区域 -->
                <div class="QR-code">
                    <img class="img-QR-code" src="imgs/logo_files/QR-code-right.png" alt="">
                    <img class="img-QR-code QR-2" src="imgs/logo_files/QR_code.png" alt="">
                </div>


            </div>



        </div>
    </div>



</body>

</html>